/*!
 * ZUI user custom theme for - v1.4.0 - 2016-08-31
 * http://zui.sexy
 * GitHub: https://github.com/easysoft/zui.git 
 * Copyright (c) 2016 cnezsoft.com; Licensed MIT
 */

a {
  color: #43a047;
}
a:hover,
a:focus {
  color: #2c6a2f;
}
/*.btn {
  border-radius: 0;
  color: #353535;
  background-color: #fff;
  border-color: #ccc;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.open .dropdown-toggle.btn {
  color: #353535;
  background-color: #ebebeb;
  border-color: #adadad;
  -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}
.btn:active,
.btn.active,
.open .dropdown-toggle.btn {
  background-image: none;
  background-color: #d9d9d9;
  border-color: #b3b3b3;
  -moz-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
.btn.disabled:hover,
.btn[disabled]:hover,
fieldset[disabled] .btn:hover,
.btn.disabled:focus,
.btn[disabled]:focus,
fieldset[disabled] .btn:focus,
.btn.disabled:active,
.btn[disabled]:active,
fieldset[disabled] .btn:active,
.btn.disabled.active,
.btn[disabled].active,
fieldset[disabled] .btn.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.open .dropdown-toggle.btn {
  color: #353535;
  background-color: #ebebeb;
  border-color: #adadad;
  -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
.btn.disabled:hover,
.btn[disabled]:hover,
fieldset[disabled] .btn:hover,
.btn.disabled:focus,
.btn[disabled]:focus,
fieldset[disabled] .btn:focus,
.btn.disabled:active,
.btn[disabled]:active,
fieldset[disabled] .btn:active,
.btn.disabled.active,
.btn[disabled].active,
fieldset[disabled] .btn.active {
  background-color: #fff;
  border-color: #ccc;
}*/
/*.btn-primary {
  color: #fff;
  background-color: #4caf50;
  border-color: #4aab4e;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #409343;
  border-color: #38813b;
  -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
  background-color: #357a38;
  border-color: #3b883e;
  -moz-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #4caf50;
  border-color: #4aab4e;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #409343;
  border-color: #38813b;
  -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #4caf50;
  border-color: #4aab4e;
} */
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ab49;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ed9c28;
  border-color: #e89014;
  -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
  background-color: #df8a13;
  border-color: #ec951a;
  -moz-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #f0ab49;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ed9c28;
  border-color: #e89014;
  -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #f0ab49;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d84f4b;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #d2322d;
  border-color: #bd2d29;
  -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
  background-color: #b52b27;
  border-color: #c52f2b;
  -moz-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d84f4b;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #d2322d;
  border-color: #bd2d29;
  -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d84f4b;
}
.btn-success {
  color: #fff;
  background-color: #4CAF50;
  border-color: #4aab4e;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #409343;
  border-color: #38813b;
  -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
  background-color: #357a38;
  border-color: #3b883e;
  -moz-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #4CAF50;
  border-color: #4aab4e;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #409343;
  border-color: #38813b;
  -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #4CAF50;
  border-color: #4aab4e;
}
.btn-info {
  color: #fff;
  background-color: #039BE5;
  border-color: #0398e0;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #0280bd;
  border-color: #026fa4;
  -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
  background-color: #026899;
  border-color: #0276ae;
  -moz-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #039BE5;
  border-color: #0398e0;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #0280bd;
  border-color: #026fa4;
  -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #039BE5;
  border-color: #0398e0;
}
.btn-link {
  color: #43a047;
  background-color: transparent;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link,
.btn-link:hover,
.btn-link:focus {
  border-color: transparent;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link:hover,
.btn-link:focus {
  color: #2c6a2f;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #dddddd;
}
.popover,
.tooltip-inner {
  border-radius: 0;
}
.label {
  border-radius: 0;
}
.label-primary {
  background-color: #4caf50;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  color: #fff;
  background-color: #3d8b40;
}
.label-primary.label-circle {
  background: none;
  border: 1px solid #4caf50;
  color: #4caf50;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #3d8b40;
}
.label-success {
  background-color: #4CAF50;
}
.label-success[href]:hover,
.label-success[href]:focus {
  color: #fff;
  background-color: #3d8b40;
}
.label-success.label-circle {
  background: none;
  border: 1px solid #4CAF50;
  color: #4CAF50;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #3d8b40;
}
.label-info {
  background-color: #039BE5;
}
.label-info[href]:hover,
.label-info[href]:focus {
  color: #fff;
  background-color: #0279b3;
}
.label-info.label-circle {
  background: none;
  border: 1px solid #039BE5;
  color: #039BE5;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #0279b3;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  color: #fff;
  background-color: #ec971f;
}
.label-warning.label-circle {
  background: none;
  border: 1px solid #f0ad4e;
  color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  color: #fff;
  background-color: #c9302c;
}
.label-danger.label-circle {
  background: none;
  border: 1px solid #d9534f;
  color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.btn-primary .label-badge,
.btn-primary .label-dot {
  background-color: #92cf94;
}
.text-primary {
  color: #4caf50;
}
.text-primary:hover {
  color: #3d8b40;
}
.text-warning {
  color: #f0ad4e;
}
.text-warning:hover {
  color: #ec971f;
}
.text-danger {
  color: #d9534f;
}
.text-danger:hover {
  color: #c9302c;
}
.text-success {
  color: #4CAF50;
}
.text-success:hover {
  color: #3d8b40;
}
.text-info {
  color: #039BE5;
}
.text-info:hover {
  color: #0279b3;
}
.text-important {
  color: #bd7b46;
}
.text-important:hover {
  color: #996337;
}
.text-special {
  color: #8666b8;
}
.text-special:hover {
  color: #6c4aa1;
}
.text-muted a:hover,
.text-muted a:active {
  color: #43a047;
}
.text-link:hover,
.text-link:active {
  color: #43a047;
}
.bg-primary {
  background-color: #4caf50;
}
a.bg-primary:hover {
  background-color: #3d8b40;
}
.hl-primary {
  background-color: #e8f5e9;
}
a.hl-primary:hover {
  background-color: #c4e6c7;
}
.form-control {
  border-radius: 0;
}
.form-control:focus {
  border-color: #43a047;
  outline: 0;
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(67, 160, 71, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(67, 160, 71, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(67, 160, 71, 0.6);
}
.form-control:focus {
  border-color: #43a047;
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(67, 160, 71, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(67, 160, 71, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(67, 160, 71, 0.6);
}
.form-condensed .form-control,
.form-condensed .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child > .btn:last-child,
.btn-group-vertical > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon {
  background-color: #f1f1f1;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon {
  border-radius: 0;
}
.input-group-btn.fix-border > .btn {
  border-radius: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.list-group-item {
  background-color: #fff;
  border: 1px solid #dddddd;
}
.list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
a.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  background-color: #e8f5e9;
  color: #353535;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #4caf50;
  border-color: #4caf50;
  color: #fff;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #e6e6e6;
}
.list-group-item-heading {
  color: #333333;
}
.navbar-toggle {
  border-radius: 0;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 0;
  }
}
.navbar-inverse {
  background-color: #43a047;
  border-color: #347c37;
}
.navbar-inverse .navbar-nav > li.nav-heading {
  background-color: #3b8e3f;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  background-color: #4db552;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  background-color: #5bbb60;
}
.navbar-inverse .navbar-toggle {
  border-color: #5bbb60;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #3b8e3f;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #38873c;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #5bbb60;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #347c37;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    background-color: #4db552;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    background-color: #5bbb60;
  }
}
.navbar-fixed-left.navbar-inverse .navbar-header,
.navbar-fixed-left.navbar-inverse .navbar-nav {
  border-bottom: 1px solid #5bbb60;
  -moz-box-shadow: inset 0 -1px 0 #347c37;
  -webkit-box-shadow: inset 0 -1px 0 #347c37;
  box-shadow: inset 0 -1px 0 #347c37;
}
.navbar-fixed-left.navbar-inverse.navbar-collapsed .navbar-nav > li.nav-heading:hover {
  color: #eaeaea;
  background-color: #37833a;
}
.nav > li > a:hover,
.nav > li > a:focus {
  color: #2c6a2f;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  border-color: #43a047;
}
.nav .open > a .caret,
.nav .open > a:hover .caret,
.nav .open > a:focus .caret {
  border-top-color: #2c6a2f;
  border-bottom-color: #2c6a2f;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #4caf50;
}
.nav-primary > li:first-child > a {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.nav-primary > li:last-child > a {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.nav-primary > li > a {
  border: 1px solid #dddddd;
}
.nav-primary > li.active > a,
.nav-primary > li.active > a:hover,
.nav-primary > li.active > a:focus {
  background-color: #4caf50;
  border-color: #4caf50;
  color: #fff;
}
.nav-primary > li.active > a .caret,
.nav-primary > li.active > a:hover .caret,
.nav-primary > li.active > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.nav-secondary > li.active > a,
.nav-secondary > li.active > a:hover,
.nav-secondary > li.active > a:focus {
  color: #4caf50;
  border-bottom-color: #4caf50;
}
.nav-secondary > li.active > a .caret,
.nav-secondary > li.active > a:hover .caret,
.nav-secondary > li.active > a:focus .caret {
  border-top-color: #4caf50;
  border-bottom-color: #4caf50;
}
.nav-stacked.nav-primary > li,
.nav-stacked.nav-primary > li > a {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.nav-stacked.nav-primary > li:first-child > a,
.nav-stacked.nav-primary > li:first-child.nav-heading {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.nav-stacked.nav-primary > li:last-child > a {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.nav-stacked.nav-primary > li.nav-heading {
  border: 1px solid #dddddd;
  background-color: #f1f1f1;
}
.nav-stacked.nav-secondary > li > a {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  -moz-box-shadow: inset 2px 0 0 #f5f5f5;
  -webkit-box-shadow: inset 2px 0 0 #f5f5f5;
  box-shadow: inset 2px 0 0 #f5f5f5;
}
.nav-stacked.nav-secondary > li > a:hover {
  -moz-box-shadow: inset 2px 0 0 #e5e5e5;
  -webkit-box-shadow: inset 2px 0 0 #e5e5e5;
  box-shadow: inset 2px 0 0 #e5e5e5;
}
.nav-stacked.nav-secondary > li.active > a,
.nav-stacked.nav-secondary > li.active > a:hover,
.nav-stacked.nav-secondary > li.active > a:focus {
  background-color: #f5f5f5;
  -moz-box-shadow: inset 2px 0 0 #4caf50;
  -webkit-box-shadow: inset 2px 0 0 #4caf50;
  box-shadow: inset 2px 0 0 #4caf50;
}
.nav-stacked.nav-secondary > li.nav-heading {
  border-bottom: 1px solid #dddddd;
}
.nav-tabs > li > a {
  border-radius: 0 0 0 0;
}
.nav .caret {
  border-top-color: #43a047;
  border-bottom-color: #43a047;
}
.nav a:hover .caret {
  border-top-color: #2c6a2f;
  border-bottom-color: #2c6a2f;
}
.pager {
  border-radius: 0;
}
.pager > li > a,
.pager > li > span {
  background-color: #fff;
  border: 1px solid #dddddd;
}
.pager > li:first-child > a,
.pager > li:first-child > span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pager > li:last-child > a,
.pager > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.pager > li > a:hover,
.pager > li > span:hover,
.pager > li > a:focus,
.pager > li > span:focus {
  background-color: #e5e5e5;
}
.pager > .active > a,
.pager > .active > span,
.pager > .active > a:hover,
.pager > .active > span:hover {
  color: #fff;
  background-color: #4caf50;
}
.pager > .disabled > span,
.pager > .disabled > span:hover,
.pager > .disabled > span:focus,
.pager > .disabled > a,
.pager > .disabled > a:hover,
.pager > .disabled > a:focus {
  color: #dddddd;
  background-color: #fff;
  border-color: #dddddd;
}
.panel {
  border-radius: 0;
  box-shadow: none;
  border-color: #dddddd;
}
.panel > .panel-heading {
  background-image: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel > .panel-heading {
  color: #333333;
  background-color: #f1f1f1;
  border-color: #dddddd;
}
.panel > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #dddddd;
}
.panel > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #dddddd;
}
.dashboard .panel {
  box-shadow: none;
}
.panel-primary {
  border-color: #4caf50;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #4caf50;
  border-color: #4caf50;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #4caf50;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #4caf50;
}
.panel-success > .panel-body,
.panel-warning > .panel-body,
.panel-primary > .panel-body,
.panel-info > .panel-body,
.panel-danger > .panel-body {
  box-shadow: none;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #e8f5e9;
}
.table tr > td.active,
.table tr > th.active,
.table tr.active > td,
.table tr.active > th {
  background-color: #ffe7bc;
}
table.tablesorter thead tr .headerSortUp:after,
table.tablesorter thead tr .headerSortDown:after {
  color: #43a047 !important;
}
.chosen-container-single .chosen-search:focus,
.chosen-container-single .chosen-search input[type="text"]:focus {
  border-color: #43a047 !important;
}
.chosen-container-single .chosen-single {
  border-radius: 0 !important;
}
.chosen-container-single.chosen-with-drop .chosen-single {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.chosen-container-single.chosen-with-drop.chosen-up .chosen-single {
  border-bottom-right-radius: #43a047 !important;
  border-bottom-left-radius: #43a047 !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #4caf50 !important;
}
.chosen-container-active .chosen-single {
  border-color: #43a047 !important;
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border-color: #cbcbcb !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
}
.chosen-container-active .chosen-choices {
  border-color: #43a047 !important;
}
.chosen-container-multi .chosen-choices {
  border-radius: 0 !important;
}
.chosen-container-multi.chosen-with-drop .chosen-choices {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.chosen-container-multi.chosen-with-drop.chosen-up .chosen-choices {
  border-bottom-right-radius: #43a047 !important;
  border-bottom-left-radius: #43a047 !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.menu > .nav > li > .nav {
  background-color: #f6f6f6;
}
.menu > .nav > li > .nav > li > a {
  border: 1px solid #dddddd;
}
.menu > .nav > li > .nav > li > a:hover,
.menu > .nav > li > .nav > li > a:focus {
  background-color: #e4e4e4;
}
.menu > .nav > li > .nav > li.active > a,
.menu > .nav > li > .nav > li.active > a:hover,
.menu > .nav > li > .nav > li.active > a:focus {
  background-color: #4caf50;
  border-color: #4caf50;
  color: #fff;
}
.menu > .nav > li:first-child > a,
.menu > .nav > li:first-child.nav-heading {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.menu > .nav > li:last-child > a {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.menu > .nav > li:first-child > a,
.menu > .nav > li:first-child.nav-heading {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.menu > .nav > li.show > a,
.menu > .nav > li.show > a:hover,
.menu > .nav > li.show > a:focus {
  color: #353535;
  background-color: #fff;
  border-color: #dddddd;
}
.menu > .nav > li.show > a > [class*='icon-'],
.menu > .nav > li.show > a:hover > [class*='icon-'],
.menu > .nav > li.show > a:focus > [class*='icon-'] {
  color: #353535;
}
.menu > .nav > li.show > a:hover {
  background-color: #f1f1f1;
}
.menu > .nav > li.show:last-child > a {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.menu > .nav > li.show:last-child > .nav > li:last-child > a {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.menu > .nav > li.nav-heading {
  border: 1px solid #dddddd;
  background-color: #f1f1f1;
}
.dropdown-menu {
  border-radius: 0;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #4caf50;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #4caf50;
}
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  background-color: #4caf50;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}
.datetimepicker td.day.today {
  background-color: #f0ad4e !important;
  border-color: #f0ad4e !important;
}
.datetimepicker td.day.active {
  background-color: #4caf50 !important;
  border-color: #3d8b40 !important;
}
.datetimepicker td.day.active:hover {
  background-color: #3d8b40 !important;
}
.datetimepicker td.day.today:hover,
.datetimepicker td.day.today.active:hover {
  background-color: #ec971f !important;
}
.ke-container {
  border-radius: 0 !important;
}
.ke-container.focus {
  border-color: #43a047 !important;
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(67, 160, 71, 0.6)!important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(67, 160, 71, 0.6)!important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(67, 160, 71, 0.6)!important;
}
.ke-menu-item-on {
  background-color: #4caf50 !important;
}
.ke-colorpicker-cell-on {
  background-color: #4caf50 !important;
}
.ke-input-text:focus {
  border-color: #43a047 !important;
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(67, 160, 71, 0.6)!important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(67, 160, 71, 0.6)!important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(67, 160, 71, 0.6)!important;
}
.messager {
  border-radius: 0;
}
.messager-primary {
  background-color: #4caf50;
}
.messager-success {
  background-color: #4CAF50;
}
.messager-info {
  background-color: #039BE5;
}
.messager-warning {
  background-color: #f0ad4e;
}
.messager-danger {
  background-color: #d9534f;
}
.messager-important {
  background-color: #bd7b46;
}
.messager-special {
  background-color: #8666b8;
}
.comment:hover > .content > .actions > a {
  color: #43a047;
}
.alert:not(.alert-block) {
  border-radius: 0;
}
.alert-primary {
  background-color: #e8f5e9;
  color: #282828;
}
.alert-primary hr {
  border-top-color: #e8f5e9;
}
.alert-primary .alert-link {
  color: #161616;
}
.alert-success {
  background-color: #ddf4df;
  color: #449d48;
}
.alert-success hr {
  border-top-color: #ddf4df;
}
.alert-success .alert-link {
  color: #39843c;
}
.alert-info {
  background-color: #ddf3f5;
  color: #038acc;
}
.alert-info hr {
  border-top-color: #ddf3f5;
}
.alert-info .alert-link {
  color: #0272a9;
}
.alert-warning {
  background-color: #fff0d5;
  color: #eea236;
}
.alert-warning hr {
  border-top-color: #fff0d5;
}
.alert-warning .alert-link {
  color: #eb9316;
}
.alert-danger {
  background-color: #ffe5e0;
  color: #d43f3a;
}
.alert-danger hr {
  border-top-color: #ffe5e0;
}
.alert-danger .alert-link {
  color: #c12e2a;
}
.alert-primary-inverse {
  background-color: #4caf50;
  border-color: #4caf50;
  color: #fff;
}
.alert-primary-inverse hr {
  border-top-color: #dddddd;
  border-top-color: rgba(221, 221, 221, 0.25);
}
.alert-primary-inverse .alert-link {
  color: rgba(255, 255, 255, 0.8);
}
.modal-dialog {
  border-radius: 0;
}
.card {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}
pre {
  border-radius: 0;
}
/*banner*/

.index-middle { margin:30px auto; }
.index-middle .left { width: 910px; }
.index-middle .right { width: 260px; }

h3.title { border-bottom: 1px solid #ccc; margin-bottom: 20px;height:42px; }
h3.title span { font: normal 24px/36px "Microsoft YaHei"; border-bottom: 3px solid #8a8a8a; display:inline-block; padding-bottom: 5px; color: #333 }
.news { display: table;}
.news ul li.list{ width: 100%; display: table; margin-bottom: 20px; }
.news .pic { width: 300px; height:170px; margin-right: 30px;  }
.news .pic a { width: 300px; height: 170px; display: block; }
.news .pic-b { width: 450px; height:170px; margin-right: 30px;  }
.news .pic-b a { width: 450px; height: 170px; display: block; }
.news h3 {font: normal 24px/36px "Microsoft YaHei"; color: #333;  }
.news .txt { margin: 10px 0; height: 72px; color: #666;   overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.news .details { width: 100%; margin-top: 25px;}
.news .details ul li { float: left; margin-right: 15px; color: #999 }
a.btn-release { width: 100%; height: 120px; color: #de4f3e ; background: #f8dcd0; display: block; font: normal 30px/120px "Microsoft YaHei"; text-align: center; margin-bottom: 10px;}
a.btn-release:hover { background: #f7cab6 }


.news-hot { width: 238px; height: 350px; padding: 10px; border: 1px solid #ccc; margin-top: 10px;overflow:hidden; }
.news-hot ul li a { width: 160px; padding-left: 20px; display: block; line-height: 30px }
.news-hot .titlename { color: #ff621d; margin-right: 5px; }
.news-hot .time { color: #666; line-height: 30px; font-size: 12px }
.index-title { width: 840px; border-bottom: 1px solid #ccc ; position: relative; margin:40px auto 60px}
.index-title span { font: bold 50px/80px "Microsoft YaHei"; position: absolute; background: #f7f7f7; display:inline-block; padding:0 30px;top: -40px }
.menu { border-bottom: 1px solid #ccc;margin: 20px auto;}
.menu li { float: left; }
.menu .m-left {  }
.menu .m-left li { font: normal 24px/36px "Microsoft YaHei"; margin-right: 30px; color: #333; cursor: pointer;}
.menu .m-left li span { font: normal 24px/36px "Microsoft YaHei"; padding-bottom: 5px }
.menu .more { float: right; line-height: 44px}

.red { color:#de4f3e;border-bottom-color: #de4f3e}
.org { color:#f16f0b;border-bottom-color: #f16f0b}
.green { color:#89b524;border-bottom-color: #89b524}
.blue { color:#04a6b5;border-bottom-color: #04a6b5}
.blue1 { color:#1b9cd5;border-bottom-color: #1b9cd5}
.red-active .active { color: #de4f3e;border-bottom: 3px solid #de4f3e;padding-bottom:5px;}
.org-active .active{ color: #f16f0b;border-bottom: 3px solid #f16f0b;padding-bottom:5px;}
.green-active .active,.green-active .active a { color: #89b524!important;border-bottom: 3px solid #89b524;padding-bottom:5px;}
.green-active .active span {border-bottom: 3px solid #89b524; display: inline-block;}
.green-active .active2,.green-active .active2 a{color: #89b524!important;}
.blue-active .active,.blue-active .active a { color: #04a6b5!important;}
.blue-active .active {border-bottom: 3px solid #04a6b5; padding-bottom:5px;display: inline-block;}
.blue1-active .active,.blue1-active .active a { color: #1b9cd5!important;}
.blue1-active .active {border-bottom: 3px solid #1b9cd5; padding-bottom:5px;display: inline-block;}

.menu .submenu li { margin-right: 10px; padding-top: 5px; }
.menu .submenu li a { line-height: 30px; }
.picture {}
.picture ul li { width:288px; float: left; margin-right:16px; margin-bottom: 30px; overflow:hidden; background-color:white;}

.picture .pic { width: 270px; height:270px; margin-left:9px; margin-top:9px; overflow:hidden; background-position: center;}
.picture .pic a { width:270px; height: 270px; display: block;overflow: hidden; }
.picture .pic a img { width:270px; height:270px; -webkit-transition: all 1s ease; transition: all 1s ease; }
.picture .pic a:hover img { -webkit-transform:scale(1.15);transform:scale(1.15);}
.picture h3 { font: normal 18px/36px "Microsoft YaHei" }
.picture .details { display: table; width:150px; float:right; margin-right:-30px;}
.picture .details ul li { width: 70px; float: left; color: #999; padding: 0; margin: 0}
.picture .pic-bottom { width:140px;; display: table; margin-left:9px; position: relative; margin-bottom:9px;}
.picture .pic-bottom .photo { width: 28px; height: 28px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; margin-right: 10px;}
.picture .pic-bottom .photo img { width: 28px; }
.picture .pic-bottom .titlename { line-height: 28px; }
.titlename{ width:80px; overflow:hidden;}
.designer li.list { width:225px; height:170px; float: left; overflow:hidden;}
.designer .pic { width: 120px; height: 120px; margin-right: 10px; background-position: center;}
.designer .pic a { width: 120px; height: 120px; display: block; overflow: hidden; }
.designer .pic a img { width:100% }
.news .info{float:left;width:840px;}
.designer .info h3 { font: normal 16px/30px "Microsoft YaHei" }
.designer .identity { color: #999;}
.designer .identity i { width:16px; height: 16px; display: inline-block;   }
.details li{ font-size:12px; height:16px; line-height:16px; margin-bottom:5px;}
.details li span{ font-size:12px;}
.companys ul li { width:385px; float: left; margin-right: 22px; margin-bottom: 22px; }
.companys .pic { width: 385px; height:220px;  }
.companys .pic a { width: 385px; height: 220px; display: block;overflow: hidden; }
.designer .details { margin-top:10px; margin-bottom: 10px;  }
.designer .details span { color: #ff621d; font-size: 16px; }
.footer-wrapper{ clear: both; background: #2d3236; position:relative; bottom:0px; width:100%}
.footerbty { width: auto; margin:0px auto; color: #fff; padding:10px 0px; display: table; }
.footerbty .logo { width: 80px; height: 80px; background:url(/static/images/logo.png) center no-repeat; margin-right: 10px;  background-size:75% }
.footerbty .logo a { width:80px;height: 80px; display: block; text-indent: -9999px }
.foot-left { width:270px; border-right: 1px solid #6b7073  }
.foot-left ul li { width: 130px; float: left; height:24px;}
.foot-left ul li a { font-size: 14px; color: #999; line-height: 32px;}
.footerbty .foot-middle {  padding-left: 65px;padding-right: 65px; font-size: 14px; color: #999;border-right: 1px solid #6b7073;}
.footerbty .foot-right { font-size: 14px; color: #999; float:right}
.foot-middle h3{font-weight: normal; font-size: 14px; }
.foot-middle .tel { line-height:32px; }
.foot-middle .lg-text { width: 430px; height: 30px; line-height: 30px; padding: 2px 3px; -webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px; border: none; margin-right: 10px; color: #333;}
.foot-middle .dy-btn { background: #ea4a4c;height: 30px;border: 1px solid #f19193;color: #FFFFFF;cursor: pointer;font-weight: bold; width: 90px;display: block;line-height:30px;text-align: center; -webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;	 }
.foot-middle .dy-btn:hover { background: #fe5a5d }
.foot-right { width:140px; text-align: center; line-height: 30px;  }
.footer-copy { width: 100%; height: 45px; line-height: 45px; color: #6b6c70; background: #25282d; text-align: center; font-size: 14px; }

.ny-wrapper { width: 1200px; margin: 0px auto; padding-top: 100px; min-height: 550px ;}

.top-select { width: 100%; display: table; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 20px; }
.top-select .item { float: left; margin-right: 20px; position: relative;}
.top-select .item h4 { font: normal 16px/40px "Microsoft YaHei"; cursor: pointer; }
.top-select .item h4 i { font-size: 20px; color: #999; margin-left: 10px }
.top-select .item .show-list { position: absolute; left: -30px; background: #2c3135; min-width:135px;-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; text-align: center; padding: 20px 0; z-index: 999}
/* .top-select .item .show-list:before { position: absolute; content: ""; width: 0; height: 0; border: 8px solid transparent; border-top: 8px solid #fff; left: 60px; top:0; } */
.top-select .item .show-list li {  }
.top-select .item .show-list li a { color: #fff; line-height: 32px; }
.top-select .item .show-list li:hover { background: #41474c }

.top-select .city { width: 320px;height:346px;min-height: 200px; }
.top-select .city ul li { float: left; }
.top-select .city .select-top { }
.top-select .city .select-top ul {width: 300px; padding: 0 10px; display: table;height: 24px; overflow: hidden;}
.top-select .city .select-top  li { float: left; text-align: center; border: 1px solid #8d8f91; border-bottom: none; padding: 0 10px; margin:0 5px;height: 24px;  color: #fff; cursor: pointer; }
.top-select .city .select-top  li.active { border-bottom: 1px solid #2c3135;color:#ff621d; }
.top-select .city .city-list { width:300px; display: table; padding: 10px; }
.top-select .city .city-list li { margin: 0 4px; padding: 0!important }
.top-select .select-top li:hover,.top-select .city .city-list li:hover { background: none!important;  }
.top-select .city .city-list .list li:hover a { color: #ff621d }
.top-select .city .city-list .left { margin-right: 10px; display: block; float: left; color: #fff; margin-top: 5px; }
.top-select .city .city-list .list { width: 250px; float: left; }
.cases {}
.cases .list { width:385px; float: left; margin-right: 22px; margin-bottom: 36px; }
.cases .list .pic { width: 385px; height: 220px;  }
.cases .list .pic a { width: 385px; height: 220px; display: block; overflow: hidden; }
.cases .list .pic img { width: 100% }
.cases .list h3 { font: normal 24px/36px "Microsoft YaHei"; }
.cases .list .details { width: 100%; display: table; margin: 5px 0 10px 0 }
.cases .list .details li { float: left; margin-right: 12px; color: #999 }
.cases .list .txt { height: 48px; overflow: hidden; color: #333; margin-top: 10px; }
.courses {}
.courses .list { width: 588px; float: left; margin-right: 24px; margin-bottom: 36px;  }
.courses .list .info { width: 100%; display: table; position: relative;  }
.courses .list .info .pic { width: 588px; height: 240px;  }
.courses .list .info .pic a { width: 588px; height: 240px; display: block; overflow: hidden;  }
.courses .list .info .pic img { width: 100%; height: 100%}
.courses .list .info h3 { font: normal 24px/36px "Microsoft YaHei"; position: absolute; bottom: 0; left: 20px; right: 20px; background: rgba(255,255,255,.8); padding:5px 20px; }
.courses .list .details { margin-left: 20px; margin-right: 20px; background: #fff; padding:10px 20px; display: table;}
.courses .list .details li { float: left; margin-right: 15px; color: #999; }
.courses .list .txt { width: 508px; height: 72px; overflow: hidden; color: #333; margin-bottom: 10px; }
.author { width: 100%; background: #e8e8e8;text-align: center; padding: 120px 0 20px 0; margin-bottom: 20px;}
.author .photo { width: 130px; height: 130px; margin: 20px auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; border: 4px solid #f2f2f2}
.author .photo a { width: 130px; height: 130px; display: block; overflow: hidden; }
.author .photo img { width: 100% }
.author .titlename { font: normal 16px/32px "Microsoft YaHei"; }
.author p { color: #999 }
.author .details { width: 100%; margin-top: 10px; margin-bottom: 20px; }
.author .details ul li { display: inline-block; color: #666; margin-right: 30px;  }
.author .buttons { margin-top: 10px; }
.author .buttons a { background: #ff621d; color: #fff; padding: 4px 30px; display: inline-block; margin: 0 20px; line-height: 24px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;width:86px;height:24px; }
.author .buttons a:hover { background: #999; }
.container-left { width:840px; padding:30px; border: 1px solid #ddd; background: #fff ; margin-bottom: 30px; }
.container-left h2 { font: normal 24px/40px "Microsoft YaHei"; color: #333 }
.container-left .details { width: 100%; display: table; color: #999;  }
.container-left .details li {float: left; margin-right: 20px;}
.container-left .content { width: 100%; margin-top: 20px; color: #333 ;min-height: 500px}
.container-left .content img { max-width: 100% }
.container-right {width: 260px; padding: 10px; border: 1px solid #ddd; background: #fff;  }
.container-right h3 { border-bottom: 1px solid #eee; font: normal 16px/32px "Microsoft YaHei"; }
.container-right h3 .more { line-height: 32px; }
.container-right ul li { width: 100%; padding: 15px 0; border-bottom: 1px solid #ddd }
.container-right ul li:last-child { border-bottom: none }
.container-right ul li h4 {  font: normal 16px/30px "Microsoft YaHei"; color: #333}
.container-right ul li p { color: #999 }
.plane { z-index: 300; position: fixed; bottom: 20%; left: 50%; margin-left: 635px; border: 1px solid #ccc; border-bottom: none; background: #fff  }
.plane ul li {border-bottom: 1px solid #ccc; width: 74px; text-align: center; color: #999; padding: 10px 0 ; cursor: pointer; position: relative;}
.plane ul li .hide-box { position: absolute; right: 74px; top: 0 ;  color: #fff; min-width: 140px  }
.plane ul li .pic { width: 147px;}
.plane ul li a { color: #999 }
.plane ul li a:hover { color: #fff }
.hide-box { display: none; }
.plane ul li .icon { width:50px; height: 32px; margin: 0px auto; display: block;  }
.plane ul li:hover { background: #ff621d; color: #fff}
.plane ul li .qq,.plane ul li .tel { background: #ff621d ; padding: 25px 0; height: 76px; color: #fff; font-size: 18px}
/* chc添加 */
.popbox img{display:block;margin:20px auto;}
.layui-layer-setwin a {background-position: 0 -40px;cursor: pointer;}
.cwenzi{width:100px;}
.title .newsbest{float:left;    font: normal 24px/36px "Microsoft YaHei";border-bottom: 3px solid #8a8a8a;display: inline-block;padding-bottom: 5px;color: #333;}
.title .more{float:right;line-height:36px;}
.none { display: none; }
.title-tab { width: 100%; border-bottom: 1px solid #ddd;  height: 38px; }
.title-tab ul li { float: left; height: 38px; line-height: 38px; font-size: 16px; display: inline-block; margin-right: 30px; cursor: pointer;border-bottom: 1px solid #ddd; }
.title-tab ul li.active { border-bottom: 1px solid #ff621d; }
.upload-music { width: 100%; display: table; margin: 10px 0 }
.upload-music .btn-blue { padding: 4px 30px;-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin-right: 15px;  }

.music-list { width: 100%; margin-top: 20px; color: #333}
.music-list ul li { padding: 15px 0; width: 100% ; display: table; border-bottom: 1px solid #eee ; text-align: center;}
.music-list ul li.top { background: #f7f7f7; border: 1px solid #ddd ;padding: 8px 0;}
.music-list ul li .col-2 { width: 55%; float: left;}
.music-list ul li .col-12 { width: 15%; float: left; }
.music-list ul li .number { text-align: left; width: 100px; display: inline-block;  float: left; margin-left: 20px;}
.music-list ul li .song { float: left; }
.music-list ul li .fa { font-size: 22px; color: #999; cursor: pointer; }
.music-list ul li .fa:hover,.music-list ul li.active .fa-headphones{ color: #ee7700 }

.myku{width:100%;border-bottom:1px solid #666;height:34px;line-height:34px;}
.myku li{float:left;font-size:20px;margin-right:30px;cursor:default;}
.myku .active{color:#ee7700;}
.valname{width:320px;height:35px;}

#newcate{float:left;margin-right:20px;}
#newul li .active{border-bottom:3px solid #ff621d;}

.pagination{ clear:both; display:inline-block;padding-left:0;margin:20px 20px;border-radius:4px;}.pagination>li{display:inline;}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:5px 10px;margin-left:-1px;line-height:1.42857143;color:#333;font-size:14px;text-decoration:none;background-color:#fff;border:1px solid #ddd;}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px;}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px;}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{z-index:3;color:#f60;border-color:#ddd;}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#e70;cursor:default;background-color:#fff;}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd;}.fenye-small{line-height:40px;}.fenye-small .pagination{margin:5px 20px;}.fenye-small .pagination>li>a,.pagination>li>span{border:0;font-size:12px;padding:5px;}
@media (max-width: 768px){
    .cameraman{display: none}
  }